<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="box">
        <span>iphone6s</span>
        <input type="button" value="删除" id="btn">
    </div>

    <script>
            //window对象有双重角色，它既是通过javascrpt访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象
            //声明一个全局变量
    //        window.username='marry';  // var username='marry'
    //        //声明一个全局方法
    //        window.sayName=function () {
    //            alert('我是'+this.username)
    //        }
    //        window.sayName();

            // confirm()
            // 获取按钮,绑定事件
            var btn=document.getElementById("btn");
            btn.onclick=function(){
                // 弹出确认对话框
                var result=window.confirm("您确定要删除吗？删除之后该信息\n将不可恢复！");//返回true or false
                if(result){
                    document.getElementById("box").style.display="none";
                }
            }

             //弹出输入框
            var message=prompt("请输入您的星座","天蝎座");
            console.log(message);



    </script>
</body>
</html>